1 00:00:00,510 --> 00:00:01,530 Hello and welcome. 2 00:00:01,530 --> 00:00:11,210 In this video we are going to add some success to our project our directory has two father at the moment. 3 00:00:11,220 --> 00:00:14,960 His team file the javascript FAQ. 4 00:00:15,150 --> 00:00:21,990 So are we going to add another file which is going to be his here so far have already made references 5 00:00:22,020 --> 00:00:28,350 to the C Ss and jabba's group far inside the official similar document. 6 00:00:28,500 --> 00:00:33,320 So this is the link to the csx which I'm going to create now. 7 00:00:33,330 --> 00:00:36,690 I'm just going to add to that. 8 00:00:36,810 --> 00:00:39,020 I missed out. 9 00:00:39,480 --> 00:00:46,800 And here is a reference to the javascript so to begin let's create in you far. 10 00:00:46,860 --> 00:00:50,790 I'm going to click on the file menu. 11 00:00:50,840 --> 00:00:54,070 So click on file file. 12 00:00:54,470 --> 00:00:57,500 And I'm going to save this new file. 13 00:00:57,690 --> 00:01:01,260 I do say hands have got the other two files here. 14 00:01:01,270 --> 00:01:05,190 I'm going to call it count down. 15 00:01:05,580 --> 00:01:07,620 See six count down 16 00:01:10,540 --> 00:01:11,940 dotsie sense. 17 00:01:11,940 --> 00:01:13,640 Are you going to be a CEO so far. 18 00:01:13,680 --> 00:01:18,570 Ask Lucy taken see a nice saying see SS on the bottom. 19 00:01:18,570 --> 00:01:21,100 He is also showing csx. 20 00:01:21,360 --> 00:01:24,000 So any coder ad here will be calm. 21 00:01:24,100 --> 00:01:29,330 CEO says code so there's only one element here. 22 00:01:29,340 --> 00:01:36,900 I'm going to style is going to be this element here which is the paragraph and I'm going to style it 23 00:01:38,040 --> 00:01:47,280 to accommodate the come down time so I'll go back to my CNS to begin. 24 00:01:47,280 --> 00:01:52,420 I'm going to start by typing in represents a paragraph. 25 00:01:52,650 --> 00:02:00,600 That's what I'm going to style in between the curly braces where I will indicate the style I'm going 26 00:02:00,600 --> 00:02:01,580 to use. 27 00:02:01,650 --> 00:02:07,580 So the first property I want to style is the text. 28 00:02:07,620 --> 00:02:11,290 I want the text to be aligned. 29 00:02:11,310 --> 00:02:15,840 I'm going to do a line and I said that to the centre. 30 00:02:16,020 --> 00:02:21,210 I want the text to be in line to the centre right next scene. 31 00:02:21,210 --> 00:02:31,540 I want the font size to be beat so that the text will appear large so I'll do font size. 32 00:02:31,540 --> 00:02:35,390 This is the font size property and I'm going to set that. 33 00:02:35,860 --> 00:02:40,540 Let's make it 85 pixels. 34 00:02:40,650 --> 00:02:45,960 You can always adjusted value to suit your own taste. 35 00:02:45,960 --> 00:02:54,130 The next property or element I want us to is the body size just type embodying. 36 00:02:54,310 --> 00:03:00,890 You can either use body or you can use hastier mail which means it will start the whole age to amount. 37 00:03:01,170 --> 00:03:08,130 So I'm going to start the body and inside I just want to give you the background colour so I typing 38 00:03:08,220 --> 00:03:15,950 background and this is going to be the background colour I want the background colour to be black and 39 00:03:15,960 --> 00:03:24,630 I'm going to you can either use just type in black or you can use hexadecimal value so the hexadecimal 40 00:03:24,630 --> 00:03:27,670 value is for black is zero zero zero. 41 00:03:28,080 --> 00:03:31,390 Okay and that will give you a black background. 42 00:03:31,460 --> 00:03:32,730 I got that wrong. 43 00:03:32,990 --> 00:03:34,780 I missed out. 44 00:03:35,310 --> 00:03:37,050 Okay that's it. 45 00:03:37,120 --> 00:03:42,380 And next thing I want the colour of the text to be white collar. 46 00:03:43,280 --> 00:03:51,750 And I said that to white again I'm going to use hex value x value for Y is f f f and that should give 47 00:03:51,750 --> 00:03:54,960 it a nice white cloth so that's it. 48 00:03:54,960 --> 00:04:01,590 I'm just going to save and then Baronne the application again by run in the history email file which 49 00:04:01,590 --> 00:04:05,040 is the count down to his email. 50 00:04:05,190 --> 00:04:07,280 So these are all my files here. 51 00:04:07,290 --> 00:04:14,720 So to run projet I just click on this file come down hastier mail and you can see the time. 52 00:04:14,740 --> 00:04:24,220 Now know the count down to January 1st 2000 an 18 12 will clog meet date. 53 00:04:24,510 --> 00:04:27,950 So you can always increase the size of this moment. 54 00:04:27,960 --> 00:04:35,220 If I want to go back and increase the size of this I just come back here and maybe change it out to 55 00:04:36,160 --> 00:04:40,500 maybe 1 to 5 and see how that works. 56 00:04:40,640 --> 00:04:48,160 I do see if our refresh you can see is gone a bit bigger. 57 00:04:48,240 --> 00:04:51,760 So feel free to play around with the values. 58 00:04:51,900 --> 00:04:58,510 So this concludes the project on the countdown time and time as I use useful you can use them to count 59 00:04:58,510 --> 00:04:59,940 down to holidays. 60 00:05:00,430 --> 00:05:05,680 And to any event that you are looking forward to. 61 00:05:05,740 --> 00:05:17,950 So here I am counting down to January 1st 2000 and 18 12:00 and tells me I've got 59 days 19 hours 56 62 00:05:17,950 --> 00:05:21,640 minutes and 46 seconds left. 63 00:05:21,640 --> 00:05:22,510 So that's it. 64 00:05:22,510 --> 00:05:23,770 Thanks for watching. 65 00:05:23,770 --> 00:05:24,650 Bye for now.